<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入YDUI样式 -->
    <link rel="stylesheet" href="build/css/ydui.css" />
		<link rel="stylesheet" href="build/css/city.css" />
		<link rel="stylesheet" href="./css/Index.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="./css/fontcss/css/font-awesome.min.css" />
	<style>
		#J_ActionSheet{
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			text-align:right;
			color:#fff;
			font-family: -webkit-pictograph;
		}
		.unreader{
			top: -5px;
			color: red;
			font-size: .1rem;
			position: absolute;
			right: -5px;
		}
		.list-loading{
			display: none !important;
		}
	</style>
</head>
<body>
	<section class="g-flexview">
		 <div id="container" style="display: none;"></div> <!-- 定位地图容器 -->
		<!-- 顶部内容 -->
		<header class="m-navbar header">
			<div class="header-main">
				<div class="location" style="width: 20%;">
					<!-- <a id="J_ActionSheet"></a><label>&nbsp;&nbsp;▼</label> -->					
					<input id="J_ActionSheet" value="" name="currenArea" readonly="readonly"  />
					<i class="fa fa-map-marker"></i>					
					<div class="m-actionsheet" id="J_ShowActionSheet">
						<div id="ProviceList" style="width: 30%;"></div>
						<div id="CityList" style="width: 30%;"></div>	
						<div id="AreaList" style="width: 30%;"></div>								
					</div>
				</div>
				<div style="width: 70%;" class="search"><i class="icon-search" style="color:#C1060F; margin: 0 .2rem 0 .2rem;"></i>
					<input id="searchword" readonly="readonly" type="search" value="" placeholder="房源搜索" />					
				</div>
				<!-- <label>搜索</label> -->
				<div style="width:10%;" class="news">
					<a style="display: inline-block;margin-top: 0.1rem; position: relative;" href="./pages/noticelist.html">
						<i class="fa fa-server" style="font-size:.4rem;"></i>
						<!-- <i class="fa fa-circle unreader"></i>	 -->					
						<!-- fa-server -->
					</a>
				</div>
			</div>
		</header>
				
		<!-- 主体内容 -->
		<div class="g-scrollview" id="J_List">
			<!-- banner 图 -->
			<div class="m-slider" id="bannerImage">
				<div class="slider-wrapper" id="bannerList"><!-- 轮播图模板显示位置 --></div>
				<div class="slider-pagination"></div>
			</div>
			
			<!-- 四个菜单当行加公告 -->
			<div class="menu">
				<div class="menu-list">
					<div class="item-menu">
						<a  id="getnewhouselist" href="#">
							<img src="static/images/newhouse.png" />
							<label>新房分销</label>
						</a>
					</div>
					<div class="item-menu">
						<a id="getoldhouselist" href="#">
							<img src="static/images/house2.png" />
							<label>二手房</label>
						</a>
					</div>
					<div class="item-menu">
						<a href="pages/computer.html">
							<img src="static/images/computer.png" />
							<label>贷款计算</label>
						<a/>
					</div>
					<div class="item-menu">
						<a href="pages/mycustomer.html">
							<img src="static/images/house1.png" />
							<label>带客看房</label>
						<a/>
					</div>
				</div>
				<div class="notice">
					<span class="title">公告</span>&nbsp;&nbsp;
					<marquee class="desc"></marquee>
				</div>
			</div>
			<!-- 房源列表 -->
			<div class="house-list">
				<p class="tips"><i class="icon-discount"></i>&nbsp;&nbsp;最新房源</p>
				<div id="mescroll" class="mescroll">
					<div id="bestnewList"></div> <!-- 房源列表模块 -->					
				</div>				
			</div>
		</div>
		<!-- 报备客户按钮 -->
		<a href="pages/reportecustomers/homebaobei.html">
			<div id="preparation">报备</div>
		</a>
		<!-- 底部导航 -->
		<footer class="m-tabbar">
			<a href="#" class="tabbar-item tabbar-active">
				<span class="tabbar-icon">
					<i class="fa fa-home"></i>
				</span>
				<span class="tabbar-txt">首页</span>
			</a>
			<a id="newhouseclick" href="#" class="tabbar-item">
				<span class="tabbar-icon">
					<i class="icon-home"></i>
				</span>
				<span class="tabbar-txt">新房分销</span>
			</a>
			<a id="oldhouseclick" href="#" class="tabbar-item">
				<span class="tabbar-icon">
					<i class="fa fa-institution"></i>
				</span>
				<span class="tabbar-txt">二手房</span>
			</a>
			<a id="mine" href="#" class="tabbar-item">
				<span class="tabbar-icon">
					<i class="icon-ucenter-outline"></i>
				</span>
				<span class="tabbar-txt">我的</span>
			</a>
		</footer>
</section>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js" type="text/javascript" charset="utf-8"></script><strong></strong>
<!-- <script src="js/jq331.min.js"></script> -->
<script src="build/js/ydui.js"></script>
<!-- 引入YDUI自适应解决方案类库 -->
<script src="build/js/ydui.flexible.js"></script>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=1c2a3d03debccf4e9f5502d493d3acfd"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=QCeZYkMaipgWAeoedA3Ff23dfO3UZL1f"></script>
<script src="js/template.js"></script>
<script src="js/common.js"></script>
<script src="js/DataLazyLoad.js"></script>
<script src="build/jquery.lazyload.js"></script>
<script src="js/Index.js"></script>
<!-- 轮播图 -->
<script id="bannerscr" type="text/html">
   {{each data as value index}}
		<div class="slider-item">
			<a href="{{value.link_url}}">
				<img src="{{value.img_id}}">
			</a>
		</div>
   {{/each}}
</script>

<!-- //房源列表 -->
<script id="Listitem" type="text/html">
	{{each data as value index}}
		<a 
		{{if data[index].init_status == "新房"}}
		href="pages/contentdetails.html?id={{data[index].id}}"
		{{else}}
		href="pages/olddetails.html?id={{data[index].id}}"
		{{/if}}
		>
			<div class="item-list">
					<div style="position: relative; width: 80%;">
					<img src="{{data[index].cover_img.img_url}}" style="width: 100%; height: auto;" />
					<span class="housestyle">{{data[index].init_status}}</span>
					</div>
					<div class="rightdesc">
						<p>
							<span class="spantitle">{{data[index].title}}</span>
							<span style="float: right; display: inline-block;">
								<label style="color:red; display: inline-block;">{{data[index].house_price}}</laben>&nbsp;元/㎡
							</span>									
						</p>
						<p class="paddress">{{data[index].house_address}}</p>
						<p class="type">
							{{each data[index].decoration_type as item index}}
							<label class="yong">{{item}}</label>
							{{/each}}
						</p>
						{{if data[index].init_status == "二手房"}}
						<p style="display: none;"><label class="yong">佣</label>&nbsp;<span>({{data[index].brokerage_plan.number}}个方案)</span>&nbsp;&nbsp;<span>{{data[index].brokerage_plan.price}}元/套&nbsp;</span></p>
						{{else}}
						<p {{if data[index].brokerage_plan.length == 0}}style="display:none"{{/if}}><label class="yong">佣</label>&nbsp;<span>({{data[index].brokerage_plan.number}}个方案)</span>&nbsp;&nbsp;<span>{{data[index].brokerage_plan.price}}元/套&nbsp;</span></p>
						{{/if}}
					</div>
			</div>
		</a>
	{{/each}}
</script>

<!-- 省份、市、区 -->
<script id="prolistscript" type="text/html">
	{{each data as value index}}
		<a href="#" onclick="proviceclick(this,{{data[index].province_id}},'{{data[index].name}}')" class="actionsheet-item" data-code="{{data[index].province_id}}">{{data[index].name}}</a>
	{{/each}}
</script>
<script id="citylistscript" type="text/html">
	{{each citylist as value index}}
		<a href="#" onclick="cityclick(this,{{citylist[index].city_id}},'{{citylist[index].name}}')"  class="actionsheet-item" data-code="{{citylist[index].city_id}}">{{citylist[index].name}}</a>
	{{/each}}
</script>

<script id="arealistscript" type="text/html">
	{{each arealist as value index}}
		<a href="#" onclick="areaclick(this,{{arealist[index]._id}},'{{arealist[index].name}}')"   class="actionsheet-item" data-code="{{arealist[index].area_id}}">{{arealist[index].name}}</a>
	{{/each}}
</script>
</body>
</html>